<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>下拉菜单的制作</title>
		<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
		<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />
		<link rel="stylesheet" href="../js/easyui/themes/icon.css" />
		<script>
		</script>
	</head>

	<body>
		<table class="easyui-datagrid" style="width:400px;height:250px"   
        data-options="url:'product.json',fitColumns:true,singleSelect:true">   
    <thead>   
        <tr>   
            <th data-options="field:'id',width:100">编码</th>   
            <th data-options="field:'name',width:100">名称</th>   
            <th data-options="field:'price',width:100,align:'right'">价格</th>   
        </tr>   
    </thead>   
</table>  


<!--
		<table class="easyui-datagrid">
			<thead>
				<tr>
					<th data-options="field:'id'">编码</th>
					<th data-options="field:'name'">名称</th>
					<th data-options="field:'price'">价格</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>001</td>
					<td>名称1</td>
					<td>2323</td>
				</tr>
				<tr>
					<td>002</td>
					<td>名称2</td>
					<td>4612</td>
				</tr>
			</tbody>
		</table>
		-->
	</body>

</html>